<template>
	<view>
		<uni-popup ref="refusePopup" background-color="#fff" type="dialog">
			<uni-popup-dialog :type="msgType" title="励氪签账户注册须知" cancelText="暂不同意" confirmText="同意使用" @confirm="handleDialog" @close="notAgree" :mask-click="false">
		<view class="policy-content">
		  <p class="policy-title">您正在申请注册励氪签电子签约平台账号，请您仔细阅读以下协议，充分理解协议中相关条款内容，其中包括但不限于：</p>
		    <ul class="sub-title">
		      <li>1、与您约定免除或限制责任的条款；</li>
		      <li>2、与您约定法律适用和管辖的条款；</li>
		      <li>3、与您约定个人信息收集和使用的条款；</li>
		      <li>4、与您约定数字证书的申请和使用的条款；</li>
		      <li>5、与您约定使用本网站服务相关的其他重要条款。</li>
		    </ul>
		    <p class="end-title">【特别提示】阅读协议的过程中，如果您不同意相关协议或其中任何条款，您应立即停止注册账户，如您对协议有任何疑问，请立即联系励氪签工作人员，服务热线：400-891-3655。</p>
		    <a target="_blank" class="a-link" @click="handleUserAgrement">《用户服务协议》</a>
		    <a target="_blank" class="a-link" @click="handlePrivacy">《用户隐私政策》</a>
		    <a target="_blank" class="a-link" @click="userAgreementMath">《数字证书申请使用协议》</a>
		  </view>
		  </uni-popup-dialog>
		</uni-popup>	  
	</view>
</template>

<script>
	export default {
		data() {
			return {
				msgType:'info',
			}
		},
		created() {
			this.$nextTick(()=>{
				this.$refs.refusePopup.open('center')
			})
		},
		methods: {
			// 数字协议
			userAgreementMath(){
				  uni.navigateTo({
				  	url:'/pages/common/policy/userAgreement?math='+true
				  })
			    },
			// 隐私协议
			handlePrivacy() {
				this.$tab.navigateTo('/pages/common/policy/privacyPolicy')
			},
			// 用户协议 
			handleUserAgrement() {
				this.$tab.navigateTo('/pages/common/policy/userAgreement')
			},
			handleDialog(){
			},
			notAgree(){
				// this.$refs.refusePopup.close()
				uni.navigateTo({
					url:'./login'
				})
			},
		}
	}
</script>

<style scoped lang="scss">
	::v-deep .uni-popup-dialog{
		width: 100%;
	}
	::v-deep .uni-dialog-content{
		padding: 0;
	}
	::v-deep .uni-popup .uni-popup__wrapper{
		width: 90%;
	}
	.a-link{
		display: block;
		line-height: 50rpx;
		color: $uni-color-primary;
	}
	page{
		background-color: $uni-bg-color;
	}
	.policy-content{
		padding: 40rpx;
	}
	.policy-title{
		font-size: 28rpx;
		line-height: 40rpx;
	}
	.sub-title{
		padding-left: 10rpx;
		margin: 20rpx 0;
		li{
			list-style: none;
			line-height: 46rpx;
			font-size: 26rpx;
			padding: 0;
		}
	}
	.end-title{
		line-height: 40rpx;
		font-size: 28rpx;
		margin-bottom: 20rpx;
	}

</style>
